
<template >
  <!-- vant组件 -->
  <div class="box" >
    <van-sticky  :offset-top="162">
    <van-dropdown-menu>
      <van-dropdown-item v-model="value1" title="全城" >
        <template>
          <van-tabs v-model="activeName">
            <van-tab title="商区" name="a">
              <van-tree-select 
                :items="items"
                :active-id.sync="activeId"
                :main-active-index.sync="activeIndex">
                
              </van-tree-select>
            </van-tab>
            <van-tab title="地铁" name="b">
              <van-tree-select
                :items="items1"
                :active-id.sync="activeId"
                :main-active-index.sync="activeIndex"
              />
            </van-tab>
          </van-tabs>
        </template>
      </van-dropdown-item>
      <van-dropdown-item v-model="value2" :options="option2"  title="品牌">   
        <template v-for="title in 50">
            <van-cell center title='国际影城'>
            <template>
               <van-cell center title="10">
                 </van-cell>
            </template>
        </van-cell>
        </template>
        
      </van-dropdown-item>
      <van-dropdown-item v-model="value3" :options="option3" title="特色" />
    </van-dropdown-menu>
    </van-sticky>

    <!--影院详情  -->
    <!-- <template  v-for="item in 20" > -->
    <CinemaList />

    <!-- </template> -->
  </div>
</template>

    




<script>
import CinemaList from "../../components/CinemaList";
export default {
  data() {
    return {
      // 品牌列表详情
      // subItems:[],
      
      
      
      value1: 0,
      value2: "a",
      value3: "A",
      activeName: "a",
      items: [
            { text: "全部(293)" }, { text: "宝安区(70)" },
            { text: "龙岗区(65)" }, { text: "南山区(41)" },
            { text: "龙华区(40)" }, { text: "福田区(31)" },
            { text: "罗湖区(20)" }, { text: "光明区(14)" },
            { text: "坪山区(8)" }, { text: "盐田区(3)" }
            ],
      items1: [
            { text: "全部(293)" }, { text: "1号线(88)" },
            { text: "2号线(65)" }, { text: "3号线(80)" },
            { text: "4号线(37)" }, { text: "5号线(26)" },
            { text: "6号线(45)" }, { text: "7号线(67)" },
            { text: "8号线(41)" }, { text: "9号线(36)" },
            { text: "10号线(41)" },{ text: "11号线(36)" },
            { text: "环中线(57)" },
            ],
      activeId: 1,
      activeIndex: 0,
      option2: [
        // { text: "全部", value2: "a" },
        // { text: "中影UL城市影院", value2: "b" },
        // { text: "中影国际影城", value2: "c" },
        
      ],
      option3: [
        { text: "特色功能", value: "A" },
        { text: "特殊厅", value: "B" },
      ],
    };
  },
  
  

  components:{
     CinemaList,
  },
  // methods: {
  //   onConfirm() {
  //     this.$refs.item.toggle(subItems);
  //   },
    
  // },
  
};
</script>
<style lang='scss' scoped>
</style>
